<template>
    <div class="sybox">
        <div class="shouye">
            <div class="mod-home">
                <p>一个基于spring boot、spring oauth2.0、mybatis、redis的轻量级、前后端分离、拥有完整sku和下单流程的完全开源商城</p>
                <p>&nbsp;</p>
                <p>该项目仅供学习参考、可供个人学习使用、如需商用联系作者进行授权，否则必将追究法律责任</p>
                <p>&nbsp;</p>
                <h2>前言</h2>
                <p>
                    <code>mall4j商城</code>项目致力于为中小企业打造一个完整、易于维护的开源的电商系统，采用现阶段流行技术实现。后台管理系统包含商品管理、订单管理、运费模板、规格管理、会员管理、运营管理、内容管理、统计报表、权限管理、设置等模块。
                </p>
                <p>&nbsp;</p>
                <h2>技术选型</h2>
                <figure>
                    <table border="1" cellspacing="0" cellpadding="5px">
                        <thead>
                            <tr>
                                <th>技术</th>
                                <th>版本</th>
                                <th>说明</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Spring Boot</td>
                                <td>2.1.6.RELEASE</td>
                                <td>MVC核心框架</td>
                            </tr>
                            <tr>
                                <td>Spring Security oauth2</td>
                                <td>2.1.5.RELEASE</td>
                                <td>认证和授权框架</td>
                            </tr>
                            <tr>
                                <td>MyBatis</td>
                                <td>3.5.0</td>
                                <td>ORM框架</td>
                            </tr>
                            <tr>
                                <td>MyBatisPlus</td>
                                <td>3.1.0</td>
                                <td>基于mybatis，使用lambda表达式的</td>
                            </tr>
                            <tr>
                                <td>Swagger-UI</td>
                                <td>2.9.2</td>
                                <td>文档生产工具</td>
                            </tr>
                            <tr>
                                <td>Hibernator-Validator</td>
                                <td>6.0.17.Final</td>
                                <td>验证框架</td>
                            </tr>
                            <tr>
                                <td>redisson</td>
                                <td>3.10.6</td>
                                <td>对redis进行封装、集成分布式锁等</td>
                            </tr>
                            <tr>
                                <td>hikari</td>
                                <td>3.2.0</td>
                                <td>数据库连接池</td>
                            </tr>
                            <tr>
                                <td>log4j2</td>
                                <td>2.11.2</td>
                                <td>更快的log日志工具</td>
                            </tr>
                            <tr>
                                <td>fst</td>
                                <td>2.57</td>
                                <td>更快的序列化和反序列化工具</td>
                            </tr>
                            <tr>
                                <td>orika</td>
                                <td>1.5.4</td>
                                <td>更快的bean复制工具</td>
                            </tr>
                            <tr>
                                <td>lombok</td>
                                <td>1.18.8</td>
                                <td>简化对象封装工具</td>
                            </tr>
                            <tr>
                                <td>hutool</td>
                                <td>4.5.0</td>
                                <td>更适合国人的java工具集</td>
                            </tr>
                            <tr>
                                <td>swagger-bootstrap</td>
                                <td>1.9.3</td>
                                <td>基于swagger，更便于国人使用的swagger ui</td>
                            </tr>
                        </tbody>
                    </table>
                </figure>
                <p>&nbsp;</p>
                <h2>部署教程</h2>
                <p>&nbsp;</p>
                <h3>1.开发环境</h3>
                <figure>
                    <table border="1" cellspacing="0" cellpadding="5px">
                        <thead>
                            <tr>
                                <th>工具</th>
                                <th>版本</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>jdk</td>
                                <td>1.8+</td>
                            </tr>
                            <tr>
                                <td>mysql</td>
                                <td>5.7+</td>
                            </tr>
                            <tr>
                                <td>redis</td>
                                <td>3.2+</td>
                            </tr>
                        </tbody>
                    </table>
                </figure>
                <h3>2.启动</h3>
                <ol>
                    <li>推荐使用idea，安装lombok插件，使用idea导入maven项目</li>
                    <li>
                        将shop.sql导入到mysql中，修改
                        <code>application-dev.yml</code>更改 datasource.url、user、password
                    </li>
                    <li>启动redis</li>
                    <li>
                        通过
                        <code>WebApplication</code>启动项目后台接口，
                        <code>ApiApplication</code> 启动项目前端接口
                    </li>
                </ol>
                <p>&nbsp;</p>
            </div>
        </div>
    </div>
</template>

<script>
export default {

}
</script>

<style>
.sybox {
    width: 100%;
    height: 100%;
}

.shouye {
    width: 98%;
    background: white;
    margin: 10px;
}

.mod-home {
    width: 96%;
    /* margin: 0 auto; */
    line-height: 1.5;
    padding: 20px;
}
td{
    padding:6px 8px ;
}
table{
    margin-left: 50px;
}

h3{
   padding: 20px 0;
}
h2{
   padding: 20px 0;
}

li{
    list-style: disc;
    margin-left: 5%;
}
</style>